<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
  <title>后台设置页面</title>
  <style>
    /* 设置整个页面的样式 */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
    }
    html{
					background-color:darkgray;
					}
    
  
    /* 设置按钮的样式 */
    .button {
      display: inline-block;
      font-size: 18px;
      padding: 10px 20px;
      margin-bottom: 10px;
      border-radius: 4px;
      background-color: pink;
      color: white;
      text-decoration: none;
      cursor: pointer;
      font-family:curvise;
    }
    
    /* 设置按钮的悬停样式 */
    .button:hover {
      background-color: #45a049;
    }
    
    /* 设置按钮的选中样式 */
    .button:active {
      background-color:pink;
    }
    				.top{
					height: 70px;
					min-width: 1465px;
					font-size: 50px;
					background-color: #484848;
					}
				.top a{text-decoration:none;
					color: #ffffff;
					padding:20px 0;
				
					}
				.top1{
					height: 70px;
					width: 100px;
					font-family: '仿宋';
					float: left;
					display:inline-block;
					margin-left: 10px;
					font-size: 35px;
					font-weight: bold;
					margin-left: 30px;
					margin-left: auto;  
					margin-right: auto; 
					
					}
				.top2{
					height: 70px;
					width: 100px;
					font-family: '仿宋';
					float: right;
					display:inline-block;
					font-size: 35px;
					font-weight: bold;
					margin-left: auto;  
					margin-right: auto; 
				    display: flex;  justify-content: center;  align-items: center;
				    }
				     h1 {
   					 font-family: cursive;
  						  color: tomato;
 					   font-size:60px;
					}
    
  </style>
</head>
<body>
  
  <div class="nav_top">
	<div class="top mian">
			<div class="top1"><a href="#"><img src="../images/tb.jpg" alt=""></a></div>
			<div class="top2"><a href="../productcontrol/index1.html">商品</a></div>
			<div class="top2"><a href="../ordermanagement/orderindex.html">订单</a></div>
			<div class="top2"><a href="../inventoryindex/inventoryindex.html">库存</a></div>
			<div class="top2"><a href="../finance/finance1.html">财务<a></div>
			<div class="top2"><a href="../set/setindex.html">设置</a></div>
			<div class="top2"><a href="../Liang/index.html">用户</a></div>
		</div>
</div>
<h1>后台设置</h1>
  <div>
    <a class="button" href="#">平台设置</a>
   <P> <a class="button" href="#">支付配送</a></P>
   <P>  <a class="button" href="#">权限管理</a></P>
  </div>
</body>
</html>